// 获取答题表单元素
const answerForm = document.getElementById('answer-form');

// 为表单提交事件添加监听器
answerForm.addEventListener('submit', function (e) {
    e.preventDefault(); // 阻止表单默认提交行为

    const questionId = document.getElementById('question-id').value;
    const userAnswer = document.getElementById('user-answer').value;

    // 这里使用 fetch 发送答案到后端（假设后端有对应接口接收答案并判断对错等）
    fetch(`/question_bank/answer/${questionId}/`, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRFToken': getCookie('csrftoken')
        },
        body: JSON.stringify({
            answer: userAnswer
        })
    })
  .then(response => response.json())
  .then(data => {
        if (data.is_correct) {
            alert('回答正确！');
            window.location.href = `/question_bank/correct_answer/${questionId}/`; // 跳转到正确答案页面（假设后端有对应 URL 配置）
        } else {
            alert('回答错误，再接再厉哦。');
            window.location.href = `/question_bank/incorrect_answer/${questionId}/`; // 跳转到错误答案页面
        }
    })
  .catch(error => {
        console.error('提交答案出现错误:', error);
        alert('提交答案出现错误，请检查网络连接或稍后再试');
    });
});